<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <title>丽子美妆</title>
        <link rel="shortcut icon" href="../img/loginImgs/favicon.ico" type="image/x-icon">
        <link rel="stylesheet" href="../lib/font/iconfont.css">
        <link rel="stylesheet" href="../css/list.css">
        <link rel="stylesheet" href="../css/footer.css">
        <script src="/lib/requirejs/require.js" data-main="/js/list"></script>
</head>
<body>
        <div class="fixed"></div>


        <div class="top1"></div>
    
        <header></header>
        
        <nav></nav>

    <div class="tab">
        <div class="wrap">
                <p>首页 > 全部 > <span>洗面</span> <a href="javascript:void(0);"></a></p>

        </div>
    </div>

    
    <div class="nav-box">
        <div class="wrap">
            <div class="content">
                    <ul>
                            <li class="td1">功效：</li>
                            <li class="aj td2">补水保湿</li>
                            <li class="aj td3">淡化色斑</li>
                            <li class="aj td4">收缩毛孔</li>
                            <li class="aj td5">舒缓肌肤</li>
                            <li class="td6">更多</li>
                        </ul>
                        <ul>
                            <li class="td1">品牌：</li>
                            <li class="aj td2">雅诗兰黛</li>
                            <li class="aj td3">思亲肤</li>
                            <li class="aj td4">爱丽小屋</li>
                            <li class="aj td5">菲诗小铺</li>
                            <li class="aj td6">更多</li>
                        </ul>
                        <ul>
                            <li class="td1">价格：</li>
                            <li class="aj td2">99元以内</li>
                            <li class="aj td3">100元-199元</li>
                            <li class="aj td4">200元-299元</li>
                            <li class="aj td5">300元以上</li>
                        </ul>
            </div>
        </div>
       
    </div>

    <div class="list-body clearfix">
        <div class="wrap">
            <ul class="clearfix">
                <li><a href="">销量</a><span>|</span></li>
                <li><a href="">人气</a><span>|</span></li>
                <li><a href="">价格</a><span>|</span></li>
                <li><a href="">上新</a><span>|</span></li>
            </ul>

            <div class="items-list clearfix">


                <script type="text/html" id="list_template">
                {{each list prod}}
                <a href="/html/detail.html">
                    <div class="item">
                        <div class="pic-box">
                            <img src="{{prod.img}}" alt="">
                        </div>
                        <div class="info-box">
                            <p>{{prod.desc}}</p>
                            <p><span class="price">￥{{prod.price}}</span><span class="salenum">已售{{prod.num}}件</span></p>
                        </div>
                    </div>
                </a>
                {{/each}}
            </script>    
            </div>
        </div>
    </div>
    
    <footer></footer>
</body>
</html>